<template>
  <div class="project-main-page">
    <Menu :menuOptions="currentMenu"></Menu>
    <div class="route-view-container">
      <router-view />
    </div>
  </div>
</template>

<script>
import Menu from '@/components/menu/Menu.vue';

// 项目首页入口
export default {
  name: 'index',
  components: {
    Menu,
  },
  data() {
    return {};
  },
  computed: {
    // 当前展示的菜单
    currentMenu() {
      return this.$store.state.menuList || [];
    }
  }
};
</script>

<style lang="scss" scoped>
  .project-main-page {
    width: 100%;
    height: 100%;
    min-width: 1180px;
    color: #fff;
    .route-view-container {
      width: 100%;
      height: calc(100% - 50px);
      overflow: hidden;
      > div[class$="-page"] {
        width: 100%;
        height: 100%;
        overflow: hidden;
      }
    }
  }
</style>
